<template>
    <view class="great_designer_list_page flex-col">

        <view class="box_3 flex-col"></view>
        <view class="box_4 flex-row">
            <text class="text_3">Top&nbsp;01</text>
            <view class="group_1 flex-col"></view>
        </view>
        <view class="box_5 flex-col">
            <view class="tag_1 flex-col">
                <image class="thumbnail_5" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG6df19e44fc00396eee77d3996c2c3ebd.png" />
            </view>
            <view class="image-text_1 flex-row justify-between">
                <image class="icon_2" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG66c6646cd6bf9776e21327fd65c8ff50.png" />
                <text class="text-group_1">毕业院校：重庆大学</text>
            </view>
            <view class="image-text_2 flex-row justify-between">
                <image class="icon_3" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG58dde78ed1329ade794b15a2573a2e64.png" />
                <text class="text-group_2">
                    擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                </text>
            </view>
            <image class="image_2" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG83b8b2befed56b8eb461de6d0d253790.png" />
            <view class="block_1 flex-row">
                <view class="group_2 flex-col">
                    <view class="box_6 flex-row justify-between">
                        <text class="text_4">张艺欢</text>
                        <view class="group_3 flex-col justify-between">
                            <div class="group_4 flex-col"></div>
                            <text class="text_5">7年经验</text>
                        </view>
                    </view>
                    <text class="text_6">作品：23&nbsp;&nbsp;&nbsp;工地：3</text>
                </view>
                <button class="button_1 flex-col" @click="onClick_1">
                    <text class="text_7">Go</text>
                </button>
            </view>
            <text class="text_8">优秀设计师</text>
        </view>
        <view class="box_7 flex-row">
            <text class="text_9">Top&nbsp;02</text>
            <view class="section_2 flex-col"></view>
        </view>
        <view class="box_8 flex-row">
            <view class="image-text_3 flex-row justify-between">
                <image class="icon_4" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG58dde78ed1329ade794b15a2573a2e64.png" />
                <view class="text-group_3 flex-col justify-between">
                    <text class="text_10">毕业院校：重庆大学</text>
                    <text class="text_11">
                        擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                    </text>
                </view>
            </view>
            <view class="image-text_4 flex-row justify-between">
                <image class="icon_5" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG66c6646cd6bf9776e21327fd65c8ff50.png" />
                <view class="text-group_4 flex-col justify-between">
                    <text class="text_10">毕业院校：重庆大学</text>
                    <text class="text_11">
                        擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                    </text>
                </view>
            </view>
            <image class="image_3" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGb157b0077c02ebf2ed354a4529fe4d15.png" />
            <view class="box_9 flex-row">
                <view class="group_5 flex-col">
                    <view class="group_6 flex-row justify-between">
                        <text class="text_12">刘熙薇</text>
                        <view class="block_2 flex-col justify-between">
                            <div class="box_10 flex-col"></div>
                            <text class="text_13">5年经验</text>
                        </view>
                    </view>
                    <text class="text_14">作品：23&nbsp;&nbsp;&nbsp;工地：3</text>
                </view>
                <button class="button_2 flex-col" @click="onClick_2">
                    <text class="text_15">Go</text>
                </button>
            </view>
        </view>
        <view class="box_11 flex-row">
            <text class="text_16">Top&nbsp;03</text>
            <view class="box_12 flex-col"></view>
        </view>
        <view class="box_13 flex-row">
            <view class="image-text_5 flex-row justify-between">
                <image class="icon_6" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG58dde78ed1329ade794b15a2573a2e64.png" />
                <view class="text-group_5 flex-col justify-between">
                    <text class="text_17">毕业院校：重庆大学</text>
                    <text class="text_18">
                        擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                    </text>
                </view>
            </view>
            <view class="image-text_6 flex-row justify-between">
                <image class="icon_7" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG66c6646cd6bf9776e21327fd65c8ff50.png" />
                <view class="text-group_6 flex-col justify-between">
                    <text class="text_17">毕业院校：重庆大学</text>
                    <text class="text_18">
                        擅长领域：中式复古&nbsp;|&nbsp;时尚简约&nbsp;|&nbsp;欧式简约
                    </text>
                </view>
            </view>
            <image class="image_4" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG347d002220b58f9b9d823cabad652cfb.png" />
            <view class="group_7 flex-row">
                <view class="group_8 flex-col">
                    <view class="group_9 flex-row justify-between">
                        <text class="text_19">张家豪</text>
                        <view class="group_10 flex-col justify-between">
                            <div class="box_14 flex-col"></div>
                            <text class="text_20">10年经验</text>
                        </view>
                    </view>
                    <text class="text_21">作品：23&nbsp;&nbsp;&nbsp;工地：3</text>
                </view>
                <button class="button_3 flex-col" @click="onClick_3">
                    <text class="text_22">Go</text>
                </button>
            </view>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'

const onClick_1 = () => { }
const onClick_2 = () => { }
const onClick_3 = () => { }
</script>
<style scoped lang="scss">
.great_designer_list_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 2340rpx;
    overflow: hidden;

    .box_1 {
        width: 682rpx;
        height: 36rpx;
        margin: 30rpx 0 0 42rpx;

        .text_1 {
            width: 108rpx;
            height: 36rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 30rpx;
            letter-spacing: -0.30000001192092896px;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 36rpx;
        }

        .thumbnail_1 {
            width: 34rpx;
            height: 22rpx;
            margin: 6rpx 0 0 438rpx;
        }

        .thumbnail_2 {
            width: 32rpx;
            height: 22rpx;
            margin: 6rpx 0 0 10rpx;
        }

        .image_1 {
            width: 50rpx;
            height: 24rpx;
            margin: 6rpx 0 0 10rpx;
        }
    }

    .box_2 {
        width: 702rpx;
        height: 64rpx;
        margin: 34rpx 0 0 36rpx;

        .icon_1 {
            width: 18rpx;
            height: 34rpx;
            margin-top: 16rpx;
        }

        .text_2 {
            width: 168rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.9);
            font-size: 34rpx;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 8rpx 0 0 238rpx;
        }

    }

    .box_3 {
        background-color: rgba(0, 0, 0, 0.1);
        width: 750rpx;
        height: 2rpx;
        margin-top: 12rpx;
    }

    .box_4 {
        position: relative;
        width: 248rpx;
        height: 44rpx;
        margin: 184rpx 0 0 440rpx;

        .text_3 {
            width: 240rpx;
            height: 44rpx;
            overflow-wrap: break-word;
            color: rgba(97, 52, 27, 0.1);
            font-size: 72rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin-left: 8rpx;
        }

        .group_1 {
            background-color: rgba(97, 52, 27, 1);
            position: absolute;
            left: 0;
            top: 20rpx;
            width: 240rpx;
            height: 2rpx;
        }
    }

    .box_5 {
        background-color: rgba(245, 245, 245, 1);
        position: relative;
        width: 670rpx;
        height: 340rpx;
        margin: 138rpx 0 0 40rpx;

        .tag_1 {
            background-color: rgba(51, 51, 51, 1);
            border-radius: 566px;
            height: 24rpx;
            width: 116rpx;
            margin: 180rpx 0 0 30rpx;

            .thumbnail_5 {
                width: 24rpx;
                height: 24rpx;
            }
        }

        .image-text_1 {
            width: 286rpx;
            height: 40rpx;
            margin: 20rpx 0 0 30rpx;

            .icon_2 {
                width: 30rpx;
                height: 30rpx;
                margin-top: 6rpx;
            }

            .text-group_1 {
                width: 248rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }
        }

        .image-text_2 {
            width: 542rpx;
            height: 40rpx;
            margin: 12rpx 0 24rpx 30rpx;

            .icon_3 {
                width: 28rpx;
                height: 28rpx;
                margin-top: 6rpx;
            }

            .text-group_2 {
                width: 504rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }
        }

        .image_2 {
            position: absolute;
            left: 0;
            top: -328rpx;
            width: 360rpx;
            height: 480rpx;
        }

        .block_1 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            position: absolute;
            left: 268rpx;
            top: -98rpx;
            width: 402rpx;
            height: 176rpx;

            .group_2 {
                background-color: rgba(255, 255, 255, 1);
                width: 320rpx;
                height: 176rpx;

                .box_6 {
                    width: 218rpx;
                    height: 40rpx;
                    margin: 42rpx 0 0 24rpx;

                    .text_4 {
                        width: 96rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(51, 51, 51, 1);
                        font-size: 32rpx;
                        font-family: Songti SC-黑体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .group_3 {
                        width: 98rpx;
                        height: 26rpx;
                        margin-top: 4rpx;

                        .group_4 {
                            width: 34rpx;
                            height: 2rpx;
                        }

                        .text_5 {
                            width: 92rpx;
                            height: 24rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 26rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 24rpx;
                            margin-left: 6rpx;
                        }
                    }
                }

                .text_6 {
                    width: 218rpx;
                    height: 28rpx;
                    overflow-wrap: break-word;
                    color: rgba(102, 102, 102, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 28rpx;
                    margin: 20rpx 0 46rpx 24rpx;
                }
            }

            .button_1 {
                box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 1);
                height: 76rpx;
                width: 112rpx;
                margin: 60rpx 0 0 -30rpx;

                .text_7 {
                    width: 44rpx;
                    height: 38rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                    margin: 20rpx 0 0 34rpx;
                }
            }
        }

        .text_8 {
            position: absolute;
            left: 60rpx;
            top: 172rpx;
            width: 80rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 16rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            line-height: 40rpx;
        }
    }

    .box_7 {
        position: relative;
        width: 246rpx;
        height: 40rpx;
        margin: 226rpx 0 0 58rpx;

        .text_9 {
            width: 238rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(97, 52, 27, 0.1);
            font-size: 72rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin-left: 8rpx;
        }

        .section_2 {
            background-color: rgba(97, 52, 27, 1);
            position: absolute;
            left: 0;
            top: 18rpx;
            width: 240rpx;
            height: 2rpx;
        }
    }

    .box_8 {
        background-color: rgba(245, 245, 245, 1);
        position: relative;
        width: 670rpx;
        height: 304rpx;
        margin: 142rpx 0 0 40rpx;

        .image-text_3 {
            width: 542rpx;
            height: 92rpx;
            margin: 182rpx 0 0 30rpx;

            .icon_4 {
                width: 28rpx;
                height: 28rpx;
                margin-top: 58rpx;
            }

            .text-group_3 {
                width: 504rpx;
                height: 92rpx;

                .text_10 {
                    width: 248rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .text_11 {
                    width: 504rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin-top: 12rpx;
                }
            }
        }

        .image-text_4 {
            position: absolute;
            left: 30rpx;
            top: 182rpx;
            width: 542rpx;
            height: 92rpx;

            .icon_5 {
                width: 30rpx;
                height: 30rpx;
                margin-top: 6rpx;
            }

            .text-group_4 {
                width: 504rpx;
                height: 92rpx;

                .text_10 {
                    width: 248rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .text_11 {
                    width: 504rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin-top: 12rpx;
                }
            }
        }

        .image_3 {
            position: absolute;
            left: 310rpx;
            top: -328rpx;
            width: 360rpx;
            height: 480rpx;
        }

        .box_9 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            position: absolute;
            left: 0;
            top: -98rpx;
            width: 402rpx;
            height: 176rpx;

            .group_5 {
                background-color: rgba(255, 255, 255, 1);
                width: 320rpx;
                height: 176rpx;
                margin-left: 82rpx;

                .group_6 {
                    width: 218rpx;
                    height: 40rpx;
                    margin: 42rpx 0 0 78rpx;

                    .text_12 {
                        width: 96rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(51, 51, 51, 1);
                        font-size: 32rpx;
                        font-family: Songti SC-黑体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .block_2 {
                        width: 98rpx;
                        height: 28rpx;
                        margin-top: 2rpx;

                        .box_10 {
                            width: 34rpx;
                            height: 2rpx;
                        }

                        .text_13 {
                            width: 92rpx;
                            height: 24rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 26rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 24rpx;
                            margin: 2rpx 0 0 6rpx;
                        }
                    }
                }

                .text_14 {
                    width: 218rpx;
                    height: 28rpx;
                    overflow-wrap: break-word;
                    color: rgba(102, 102, 102, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 28rpx;
                    margin: 20rpx 0 46rpx 78rpx;
                }
            }

            .button_2 {
                box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 1);
                height: 76rpx;
                width: 112rpx;
                position: absolute;
                left: 0;
                top: 60rpx;

                .text_15 {
                    width: 44rpx;
                    height: 38rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                    margin: 20rpx 0 0 34rpx;
                }
            }
        }
    }

    .box_11 {
        position: relative;
        width: 248rpx;
        height: 44rpx;
        margin: 226rpx 0 0 440rpx;

        .text_16 {
            width: 240rpx;
            height: 44rpx;
            overflow-wrap: break-word;
            color: rgba(97, 52, 27, 0.1);
            font-size: 72rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin-left: 8rpx;
        }

        .box_12 {
            background-color: rgba(97, 52, 27, 1);
            position: absolute;
            left: 0;
            top: 20rpx;
            width: 240rpx;
            height: 2rpx;
        }
    }

    .box_13 {
        background-color: rgba(245, 245, 245, 1);
        position: relative;
        width: 670rpx;
        height: 304rpx;
        margin: 138rpx 0 32rpx 40rpx;

        .image-text_5 {
            width: 542rpx;
            height: 92rpx;
            margin: 182rpx 0 0 30rpx;

            .icon_6 {
                width: 28rpx;
                height: 28rpx;
                margin-top: 58rpx;
            }

            .text-group_5 {
                width: 504rpx;
                height: 92rpx;

                .text_17 {
                    width: 248rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .text_18 {
                    width: 504rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin-top: 12rpx;
                }
            }
        }

        .image-text_6 {
            position: absolute;
            left: 30rpx;
            top: 182rpx;
            width: 542rpx;
            height: 92rpx;

            .icon_7 {
                width: 30rpx;
                height: 30rpx;
                margin-top: 6rpx;
            }

            .text-group_6 {
                width: 504rpx;
                height: 92rpx;

                .text_17 {
                    width: 248rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .text_18 {
                    width: 504rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin-top: 12rpx;
                }
            }
        }

        .image_4 {
            position: absolute;
            left: 0;
            top: -328rpx;
            width: 360rpx;
            height: 480rpx;
        }

        .group_7 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            position: absolute;
            left: 268rpx;
            top: -98rpx;
            width: 402rpx;
            height: 176rpx;

            .group_8 {
                background-color: rgba(255, 255, 255, 1);
                width: 320rpx;
                height: 176rpx;

                .group_9 {
                    width: 232rpx;
                    height: 40rpx;
                    margin: 42rpx 0 0 24rpx;

                    .text_19 {
                        width: 96rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(51, 51, 51, 1);
                        font-size: 32rpx;
                        font-family: Songti SC-黑体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .group_10 {
                        width: 112rpx;
                        height: 26rpx;
                        margin-top: 4rpx;

                        .box_14 {
                            width: 34rpx;
                            height: 2rpx;
                        }

                        .text_20 {
                            width: 106rpx;
                            height: 24rpx;
                            overflow-wrap: break-word;
                            color: rgba(0, 0, 0, 1);
                            font-size: 26rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 24rpx;
                            margin-left: 6rpx;
                        }
                    }
                }

                .text_21 {
                    width: 218rpx;
                    height: 28rpx;
                    overflow-wrap: break-word;
                    color: rgba(102, 102, 102, 1);
                    font-size: 26rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 28rpx;
                    margin: 20rpx 0 46rpx 24rpx;
                }
            }

            .button_3 {
                box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 1);
                height: 76rpx;
                width: 112rpx;
                margin: 60rpx 0 0 -30rpx;

                .text_22 {
                    width: 44rpx;
                    height: 38rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                    margin: 20rpx 0 0 34rpx;
                }
            }
        }
    }
}
</style>